<!DOCTYPE html>
<!-- saved from url=(0045)https://team.weui.io/jfeng/weui-wechat/#/home -->
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="微信,WeUI,示例,案例">
    <meta name="description" content="WeUI 为微信 Web 服务量身设计">
    <title>weui-wechat</title>
    <link rel="stylesheet" href="/EduWork/static/app/css/weui.min.css">
    <style type="text/css">#__vconsole {
        font-size: 13px
    }

    #__vconsole .vc-max-height {
        max-height: 250px
    }

    #__vconsole .vc-max-height-line {
        max-height: 44px
    }

    #__vconsole .vc-min-height {
        min-height: 40px
    }

    #__vconsole .vc-switch {
        display: block;
        position: fixed;
        right: 10px;
        bottom: 10px;
        color: #fff;
        background-color: #04be02;
        line-height: 1;
        font-size: 14px;
        padding: 8px 16px;
        z-index: 10000;
        border-radius: 4px;
        box-shadow: 0 0 8px rgba(0, 0, 0, .4)
    }

    #__vconsole .vc-mask {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: transparent;
        z-index: 10001;
        transition: background .3s;
        -webkit-tap-highlight-color: transparent
    }

    #__vconsole .vc-panel {
        position: fixed;
        min-height: 80%;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10002;
        background-color: #efeff4;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    #__vconsole .vc-tabbar {
        border-bottom: 1px solid #d9d9d9;
        overflow: scroll;
        height: 39px;
        width: auto;
        white-space: nowrap
    }

    #__vconsole .vc-tabbar .vc-tab {
        display: inline-block;
        line-height: 39px;
        padding: 0 15px;
        border-right: 1px solid #d9d9d9;
        text-decoration: none;
        color: #000;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

    #__vconsole .vc-tabbar .vc-tab:active {
        background-color: rgba(0, 0, 0, .15)
    }

    #__vconsole .vc-tabbar .vc-tab.vc-actived {
        background-color: #fff
    }

    #__vconsole .vc-content {
        background-color: #fff;
        overflow-x: hidden;
        overflow-y: scroll;
        position: absolute;
        top: 40px;
        left: 0;
        right: 0;
        bottom: 40px;
        -webkit-overflow-scrolling: touch
    }

    #__vconsole .vc-logbox {
        display: none;
        position: relative;
        min-height: 100%
    }

    #__vconsole .vc-logbox i {
        font-style: normal
    }

    #__vconsole .vc-logbox .vc-log {
        -webkit-tap-highlight-color: transparent
    }

    #__vconsole .vc-logbox .vc-log:empty:before {
        content: "Empty";
        color: #999;
        position: absolute;
        top: 45%;
        left: 0;
        right: 0;
        bottom: 0;
        font-size: 15px;
        text-align: center
    }

    #__vconsole .vc-logbox .vc-item {
        margin: 0;
        padding: 6px 8px;
        overflow: hidden;
        line-height: 1.3;
        border-bottom: 1px solid #eee;
        word-break: break-word
    }

    #__vconsole .vc-logbox .vc-item-info {
        color: #6a5acd
    }

    #__vconsole .vc-logbox .vc-item-debug {
        color: #daa520
    }

    #__vconsole .vc-logbox .vc-item-warn {
        color: orange;
        border-color: #ffb930;
        background-color: #fffacd
    }

    #__vconsole .vc-logbox .vc-item-error {
        color: #dc143c;
        border-color: #f4a0ab;
        background-color: #ffe4e1
    }

    #__vconsole .vc-logbox .vc-item .vc-item-content {
        margin-right: 60px;
        display: block
    }

    #__vconsole .vc-logbox .vc-item .vc-item-meta {
        color: #888;
        float: right;
        width: 60px;
        text-align: right
    }

    #__vconsole .vc-logbox .vc-item.vc-item-nometa .vc-item-content {
        margin-right: 0
    }

    #__vconsole .vc-logbox .vc-item.vc-item-nometa .vc-item-meta {
        display: none
    }

    #__vconsole .vc-logbox .vc-item .vc-item-code {
        display: block;
        white-space: pre-wrap;
        overflow: scroll;
        position: relative
    }

    #__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-input, #__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-output {
        padding-left: 12px
    }

    #__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-input:before, #__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-output:before {
        content: "\203A";
        position: absolute;
        top: -3px;
        left: 0;
        font-size: 16px;
        color: #6a5acd
    }

    #__vconsole .vc-logbox .vc-item .vc-item-code.vc-item-code-output:before {
        content: "\2039"
    }

    #__vconsole .vc-logbox .vc-item .vc-fold {
        display: block;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    #__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer {
        display: block;
        font-style: italic
    }

    #__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer:active {
        background-color: #e6e6e6
    }

    #__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer {
        padding-left: 10px;
        position: relative
    }

    #__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-outer:before {
        content: "";
        position: absolute;
        top: 4px;
        left: 2px;
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-left-color: #000
    }

    #__vconsole .vc-logbox .vc-item .vc-fold .vc-fold-inner {
        display: none;
        white-space: pre-wrap
    }

    #__vconsole .vc-logbox .vc-item .vc-fold.vc-toggle .vc-fold-outer:before {
        top: 6px;
        left: 0;
        border-top-color: #000;
        border-left-color: transparent
    }

    #__vconsole .vc-logbox .vc-item .vc-fold.vc-toggle .vc-fold-inner {
        display: block
    }

    #__vconsole .vc-logbox .vc-code-key {
        color: #905
    }

    #__vconsole .vc-logbox .vc-code-function {
        color: #905;
        font-style: italic
    }

    #__vconsole .vc-logbox .vc-code-boolean, #__vconsole .vc-logbox .vc-code-number {
        color: #0086b3
    }

    #__vconsole .vc-logbox .vc-code-string {
        color: #183691
    }

    #__vconsole .vc-logbox .vc-code-null, #__vconsole .vc-logbox .vc-code-undefined {
        color: #666
    }

    #__vconsole .vc-logbox .vc-cmd {
        position: absolute;
        height: 40px;
        left: 0;
        right: 0;
        bottom: 0;
        border-top: 1px solid #d9d9d9
    }

    #__vconsole .vc-logbox .vc-cmd .vc-cmd-input-wrap {
        display: block;
        height: 28px;
        margin-right: 40px;
        padding: 6px 8px
    }

    #__vconsole .vc-logbox .vc-cmd .vc-cmd-input {
        width: 100%;
        border: none;
        resize: none;
        outline: none;
        padding: 0;
        font-size: 12px
    }

    #__vconsole .vc-logbox .vc-cmd .vc-cmd-input::-webkit-input-placeholder {
        line-height: 28px
    }

    #__vconsole .vc-logbox .vc-cmd .vc-cmd-btn {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 40px;
        border: none;
        background-color: #efeff4;
        outline: none;
        -webkit-touch-callout: none
    }

    #__vconsole .vc-logbox .vc-cmd .vc-cmd-btn:active {
        background-color: rgba(0, 0, 0, .15)
    }

    #__vconsole .vc-logbox .vc-group .vc-group-preview {
        -webkit-touch-callout: none
    }

    #__vconsole .vc-logbox .vc-group .vc-group-preview:active {
        background-color: #e6e6e6
    }

    #__vconsole .vc-logbox .vc-group .vc-group-detail {
        display: none;
        padding: 0 0 10px 20px;
        border-bottom: 1px solid #eee
    }

    #__vconsole .vc-logbox .vc-group.vc-actived .vc-group-detail {
        display: block
    }

    #__vconsole .vc-logbox .vc-table .vc-table-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        overflow: hidden;
        border-bottom: 1px solid #eee
    }

    #__vconsole .vc-logbox .vc-table .vc-table-row.vc-left-border {
        border-left: 1px solid #eee
    }

    #__vconsole .vc-logbox .vc-table .vc-table-col {
        flex: 1;
        padding: 3px 4px;
        border-left: 1px solid #eee;
        overflow: scroll;
        white-space: pre-wrap;
        word-break: break-word;
        -webkit-overflow-scrolling: touch
    }

    #__vconsole .vc-logbox .vc-table .vc-table-col:first-child {
        border: none
    }

    #__vconsole .vc-logbox .vc-table .vc-small .vc-table-col {
        padding: 0 4px;
        font-size: 12px
    }

    #__vconsole .vc-logbox .vc-table .vc-table-col-2 {
        flex: 2
    }

    #__vconsole .vc-logbox .vc-table .vc-table-col-3 {
        flex: 3
    }

    #__vconsole .vc-logbox .vc-table .vc-table-col-4 {
        flex: 4
    }

    #__vconsole .vc-logbox .vc-table .vc-table-col-5 {
        flex: 5
    }

    #__vconsole .vc-logbox .vc-table .vc-table-col-6 {
        flex: 6
    }

    #__vconsole .vc-logbox .vc-table .vc-table-row-error {
        border-color: #f4a0ab;
        background-color: #ffe4e1
    }

    #__vconsole .vc-logbox .vc-table .vc-table-row-error .vc-table-col {
        color: #dc143c;
        border-color: #f4a0ab
    }

    #__vconsole .vc-logbox .vc-table .vc-table-col-title {
        font-weight: 700
    }

    #__vconsole .vc-logbox.vc-actived {
        display: block
    }

    #__vconsole .vc-toolbar {
        border-top: 1px solid #d9d9d9;
        line-height: 39px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        flex-direction: row
    }

    #__vconsole .vc-toolbar .vc-tool {
        display: none;
        text-decoration: none;
        color: #000;
        width: 50%;
        flex: 1;
        text-align: center;
        position: relative;
        -webkit-touch-callout: none
    }

    #__vconsole .vc-toolbar .vc-tool.vc-actived, #__vconsole .vc-toolbar .vc-tool.vc-global-tool {
        display: block
    }

    #__vconsole .vc-toolbar .vc-tool:active {
        background-color: rgba(0, 0, 0, .15)
    }

    #__vconsole .vc-toolbar .vc-tool:after {
        content: " ";
        position: absolute;
        top: 7px;
        bottom: 7px;
        right: 0;
        border-left: 1px solid #d9d9d9
    }

    #__vconsole .vc-toolbar .vc-tool-last:after {
        border: none
    }

    #__vconsole.vc-toggle .vc-switch {
        display: none
    }

    #__vconsole.vc-toggle .vc-mask {
        background: rgba(0, 0, 0, .6);
        display: block
    }

    #__vconsole.vc-toggle .vc-panel {
        -webkit-transform: translate(0);
        transform: translate(0)
    }</style>
    <style type="text/css">.container, .home, body, html {
        height: 100%
    }

    body {
        background-color: #fbf9fe;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .weui_cells_checkbox > .weui_cell > * {
        pointer-events: none
    }</style>
    <style type="text/css">.lunch__background___1YuoB {
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(597f97509d619365d19ef0e381ea80b2.jpg);
        background-size: cover
    }</style>
    <style type="text/css">.home__avatar___3hB8h {
        width: 60px;
        height: 60px
    }

    .home__avatar___3hB8h, .home__mini-avatar___1nSrW {
        display: block;
        margin-right: 10px;
        border-radius: 4px
    }

    .home__mini-avatar___1nSrW {
        width: 32px;
        height: 32px
    }

    .home__nickname___3LZkJ {
        font-weight: 400
    }

    .home__icon___2XgfG {
        display: inline-block;
        vertical-align: middle;
        width: 26px;
        height: 26px
    }

    .home__icon-qrcode___OF6bm {
        margin-right: 10px;
        background: url();
        background-size: cover
    }

    .home__icon-photo___1gqa3 {
        margin-right: 10px;
        background: url();
        background-size: cover
    }

    .home__icon-collection___2EiNE {
        margin-right: 10px;
        background: url();
        background-size: cover
    }

    .home__icon-wallet___1dSK- {
        margin-right: 10px;
        background: url();
        background-size: cover
    }

    .home__icon-card___3sda4 {
        margin-right: 10px;
        background: url();
        background-size: cover
    }

    .home__icon-emotion___3Hwog {
        margin-right: 10px;
        background: url();
        background-size: cover
    }

    .home__icon-setting___2sBZo {
        margin-right: 10px;
        background: url();
        background-size: cover
    }

    .home__icon-timeline___2thhd {
        margin-right: 10px;
        background: url();
        background-size: cover
    }

    .home__icon-scan___270RP {
        margin-right: 10px;
        background: url();
        background-size: cover
    }

    .home__icon-shake___Nz83v {
        margin-right: 10px;
        background: url();
        background-size: cover
    }

    .home__icon-nearby___3PPpY {
        margin-right: 10px;
        background: url();
        background-size: cover
    }

    .home__icon-box___3tn0U {
        margin-right: 10px;
        background: url();
        background-size: cover
    }

    .home__icon-shop___28EIX {
        margin-right: 10px;
        background: url();
        background-size: cover
    }

    .home__icon-game___1OmZ8 {
        margin-right: 10px;
        background: url();
        background-size: cover
    }

    .home__notice___3gEZ- {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }

    .home__notice___3gEZ- img {
        width: 26px;
        height: 26px;
        vertical-align: middle
    }

    .home__notice___3gEZ- i {
        position: absolute;
        top: -4px;
        right: -4px;
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: red
    }

    .icon-chat {
        background: url();
        background-size: cover
    }

    .icon-chat, .icon-contact {
        display: inline-block;
        vertical-align: middle;
        width: 26px;
        height: 26px;
        margin-right: 10px
    }

    .icon-contact {
        background: url();
        background-size: cover
    }

    .icon-discovery {
        background: url();
        background-size: cover
    }

    .icon-discovery, .icon-profile {
        display: inline-block;
        vertical-align: middle;
        width: 26px;
        height: 26px;
        margin-right: 10px
    }

    .icon-profile {
        background: url();
        background-size: cover
    }

    .weui_bar_item_on .icon-chat {
        background: url();
        background-size: cover
    }

    .weui_bar_item_on .icon-contact {
        background: url();
        background-size: cover
    }

    .weui_bar_item_on .icon-discovery {
        background: url();
        background-size: cover
    }

    .weui_bar_item_on .icon-profile {
        background: url();
        background-size: cover
    }

    .home__chat___3RGkg {
        margin-top: -20px;
        padding-bottom: 20px
    }

    .home__chat-avatar___gcXIX {
        width: 50px;
        height: 50px;
        display: block;
        border-radius: 4px;
        margin-right: 10px
    }

    .home__title___1stUx {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .home__name___a6nVC {
        font-weight: 400;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color: #000
    }

    .home__ext___1Twhh {
        color: #888;
        font-size: 12px
    }

    .home__description___uf2CS {
        color: #888;
        font-size: 14px;
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }</style>
    <style type="text/css">.profile__avatar___2MB0k {
        vertical-align: middle;
        width: 50px;
        height: 50px;
        border-radius: 4px
    }

    .profile__icon___2eco1 {
        display: inline-block;
        vertical-align: middle;
        width: 26px;
        height: 26px
    }

    .profile__icon-qrcode___2uQl2 {
        background: url(02c86715643927ed870be944e1587641.png);
        background-size: cover;
        margin-right: -7px;
        vertical-align: -7px
    }</style>
    <style type="text/css"></style>
    <style type="text/css"></style>
    <style type="text/css"></style>
    <style type="text/css"></style>
    <style type="text/css"></style>
    <style>@font-face {
        font-family: uc-nexus-iconfont;
        src: url(chrome-extension://pogijhnlcfmcppgimcaccdkmbedjkmhi/res/font_1471832554_080215.woff) format('woff'), url(chrome-extension://pogijhnlcfmcppgimcaccdkmbedjkmhi/res/font_1471832554_080215.ttf) format('truetype')
    }</style>
</head>
<body ontouchstart="">
<div id="container" class="container">
    <div class="home">
        <div class="weui_tab" id="tab">
            <div class="weui_tab_bd">
                <div class="weui_tab_bd_item" style="display: block;">
                    <div id="search">
                        <div class="weui_search_bar">
                            <form class="weui_search_outer">
                                <div class="weui_search_inner">
                                    <i class="weui_icon_search"></i>
                                    <input type="search" class="weui_search_input" id="weui_search_input"
                                           placeholder="搜索" required="">
                                    <a href="javascript:" class="weui_icon_clear"></a>
                                </div>
                                <label for="weui_search_input" class="weui_search_text">
                                    <i class="weui_icon_search"></i>
                                    <span>搜索</span>
                                </label>
                            </form>
                            <a href="javascript:" class="weui_search_cancel">取消</a>
                        </div>
                    </div>
                    <div class="weui_cells weui_cells_access">

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/jf.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> jf </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/rongle.jpg" alt="" class="home__chat-avatar___gcXIX">
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> rongle </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/shenfei.jpg" alt="" class="home__chat-avatar___gcXIX">
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> shenfei </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/bear.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> bear </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/jf.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> jf </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/rongle.jpg" alt="" class="home__chat-avatar___gcXIX">
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> rongle </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/rongle.jpg" alt="" class="home__chat-avatar___gcXIX">
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> rongle </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/xx.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> xx </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/aster.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> aster </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/jf.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> jf </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/shenfei.jpg" alt="" class="home__chat-avatar___gcXIX">
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> shenfei </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/bear.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> bear </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/shenfei.jpg" alt="" class="home__chat-avatar___gcXIX">
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> shenfei </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/shenfei.jpg" alt="" class="home__chat-avatar___gcXIX">
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> shenfei </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/rongle.jpg" alt="" class="home__chat-avatar___gcXIX">
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> rongle </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/jf.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> jf </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/aster.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> aster </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/aster.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> aster </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/jf.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> jf </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/xx.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> xx </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/gaby.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> gaby </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/jf.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> jf </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/xx.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> xx </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/aster.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> aster </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/shenfei.jpg" alt="" class="home__chat-avatar___gcXIX">
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> shenfei </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/aster.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> aster </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/rongle.jpg" alt="" class="home__chat-avatar___gcXIX">
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> rongle </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/rongle.jpg" alt="" class="home__chat-avatar___gcXIX">
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> rongle </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/gaby.jpg" alt="" class="home__chat-avatar___gcXIX"></div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> gaby </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                        <a class="weui_cell" href="javascript:;">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/rongle.jpg" alt="" class="home__chat-avatar___gcXIX">
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <div class="home__title___1stUx">
                                    <h4 class="home__name___a6nVC"> rongle </h4>
                                    <span class="home__ext___1Twhh">11:00</span>
                                </div>
                                <p class="home__description___uf2CS">hello world</p>
                            </div>
                        </a>

                    </div>
                </div>
                <div class="weui_tab_bd_item" style="display: none;">
                    <section>

                        <div class="weui_cells_title">A</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/gaby.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    gaby
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/rongle.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    rongle
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">B</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/aster.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    aster
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/gaby.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    gaby
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">C</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/xx.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    xx
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/shenfei.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    shenfei
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">D</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/xx.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    xx
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/xx.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    xx
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">E</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/rongle.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    rongle
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/gaby.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    gaby
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">F</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/xx.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    xx
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/bear.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    bear
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">G</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/jf.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    jf
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/xx.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    xx
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">H</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/bear.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    bear
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/bear.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    bear
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">I</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/aster.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    aster
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/bear.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    bear
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">J</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/jf.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    jf
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/xx.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    xx
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">K</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/shenfei.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    shenfei
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/bear.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    bear
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">L</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/gaby.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    gaby
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/shenfei.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    shenfei
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">M</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/aster.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    aster
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/bear.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    bear
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">N</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/jf.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    jf
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/bear.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    bear
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">O</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/bear.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    bear
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/jf.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    jf
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">P</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/aster.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    aster
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/xx.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    xx
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">Q</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/rongle.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    rongle
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/xx.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    xx
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">R</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/gaby.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    gaby
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/aster.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    aster
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">S</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/bear.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    bear
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/shenfei.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    shenfei
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">T</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/gaby.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    gaby
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/jf.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    jf
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">U</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/aster.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    aster
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/aster.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    aster
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">V</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/bear.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    bear
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/bear.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    bear
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">W</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/xx.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    xx
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/gaby.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    gaby
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">X</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/aster.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    aster
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/bear.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    bear
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">Y</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/shenfei.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    shenfei
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/bear.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    bear
                                </div>
                            </div>

                        </div>

                        <div class="weui_cells_title">Z</div>
                        <div class="weui_cells">

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/rongle.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    rongle
                                </div>
                            </div>

                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <img src="./weui-wechat_files/jf.jpg" alt="" class="home__mini-avatar___1nSrW">
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    jf
                                </div>
                            </div>

                        </div>

                    </section>
                </div>
                <div class="weui_tab_bd_item" style="display: none;">
                    <section>
                        <div class="weui_cells weui_cells_access">
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <i class="home__icon-timeline___2thhd home__icon___2XgfG"></i>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    朋友圈
                                </div>
                                <div class="weui_cell_ft">
                                    <div class="home__notice___3gEZ-">
                                        <img src="./weui-wechat_files/jf.jpg" alt="" class="">
                                        <i></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="weui_cells weui_cells_access">
                            <div class="weui_cell" id="scanCell">
                                <div class="weui_cell_hd">
                                    <i class="home__icon-scan___270RP home__icon___2XgfG"></i>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    扫一扫
                                </div>
                            </div>
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <i class="home__icon-shake___Nz83v home__icon___2XgfG"></i>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    摇一摇
                                </div>
                            </div>
                        </div>
                        <div class="weui_cells weui_cells_access">
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <i class="home__icon-nearby___3PPpY home__icon___2XgfG"></i>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    附近的人
                                </div>
                            </div>
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <i class="home__icon-box___3tn0U home__icon___2XgfG"></i>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    漂流瓶
                                </div>
                            </div>
                        </div>

                        <div class="weui_cells weui_cells_access">
                            <a href="http://wq.jd.com/" class="weui_cell">
                                <div class="weui_cell_hd">
                                    <i class="home__icon-shop___28EIX home__icon___2XgfG"></i>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    购物
                                </div>
                            </a>
                            <div class="weui_cell">
                                <div class="weui_cell_hd">
                                    <i class="home__icon-game___1OmZ8 home__icon___2XgfG"></i>
                                </div>
                                <div class="weui_cell_bd weui_cell_primary">
                                    游戏
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
                <div class="weui_tab_bd_item" style="display: none;">
                    <div class="weui_cells weui_cells_access">
                        <a href="https://team.weui.io/jfeng/weui-wechat/#/profile" class="weui_cell">
                            <div class="weui_cell_hd">
                                <img src="./weui-wechat_files/bear.jpg" alt="" class="home__avatar___3hB8h">
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <h4 class="home__nickname___3LZkJ">bear</h4>

                                <p class="">微信号: bear</p>
                            </div>
                            <div class="weui_cell_ft">
                                <i class="home__icon-qrcode___OF6bm home__icon___2XgfG"></i>
                            </div>
                        </a>
                    </div>
                    <div class="weui_cells weui_cells_access">
                        <a href="javascript:;" class="weui_cell">
                            <div class="weui_cell_hd">
                                <i class="home__icon-photo___1gqa3 home__icon___2XgfG"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>相册</p>
                            </div>
                        </a>
                        <a href="javascript:;" class="weui_cell">
                            <div class="weui_cell_hd">
                                <i class="home__icon-collection___2EiNE home__icon___2XgfG"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>收藏</p>
                            </div>
                        </a>
                        <a href="javascript:;" class="weui_cell">
                            <div class="weui_cell_hd">
                                <i class="home__icon-wallet___1dSK- home__icon___2XgfG"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>钱包</p>
                            </div>
                        </a>
                        <a href="javascript:;" class="weui_cell">
                            <div class="weui_cell_hd">
                                <i class="home__icon-card___3sda4 home__icon___2XgfG"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>卡券</p>
                            </div>
                        </a>
                    </div>
                    <div class="weui_cells weui_cells_access">
                        <a href="javascript:;" class="weui_cell">
                            <div class="weui_cell_hd">
                                <i class="home__icon-emotion___3Hwog home__icon___2XgfG"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>表情</p>
                            </div>
                        </a>
                    </div>
                    <div class="weui_cells weui_cells_access">
                        <a href="https://team.weui.io/jfeng/weui-wechat/#/setting" class="weui_cell">
                            <div class="weui_cell_hd">
                                <i class="home__icon-setting___2sBZo home__icon___2XgfG"></i>
                            </div>
                            <div class="weui_cell_bd weui_cell_primary">
                                <p>设置</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="weui_tabbar">
                <a href="javascript:;" class="weui_tabbar_item weui_bar_item_on">
                    <div class="weui_tabbar_icon">
                        <i class="icon-chat"></i>
                    </div>
                    <p class="weui_tabbar_label">微信</p>
                </a>
                <a href="javascript:;" class="weui_tabbar_item">
                    <div class="weui_tabbar_icon">
                        <i class="icon-contact"></i>
                    </div>
                    <p class="weui_tabbar_label">通讯录</p>
                </a>
                <a href="javascript:;" class="weui_tabbar_item">
                    <div class="weui_tabbar_icon">
                        <i class="icon-discovery"></i>
                    </div>
                    <p class="weui_tabbar_label">发现</p>
                </a>
                <a href="javascript:;" class="weui_tabbar_item">
                    <div class="weui_tabbar_icon">
                        <i class="icon-profile"></i>
                    </div>
                    <p class="weui_tabbar_label">我</p>
                </a>
            </div>
        </div>
    </div>
</div>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="https://team.weui.io/jfeng/weui-wechat/bundle.js"></script>
<div id="__vconsole" class="">
    <div class="vc-switch">vConsole</div>
    <div class="vc-mask"></div>
    <div class="vc-panel">
        <div class="vc-tabbar"><a class="vc-tab vc-actived" data-tab="default" id="__vc_tab_default">Log</a><a
                class="vc-tab" data-tab="system" id="__vc_tab_system">System</a><a class="vc-tab" data-tab="network"
                                                                                   id="__vc_tab_network">Network</a>
        </div>
        <div class="vc-content">
            <div class="vc-logbox vc-actived" id="__vc_log_default">
                <div>
                    <div class="vc-log" style="padding-bottom:40px"></div>
                    <form class="vc-cmd">
                        <button class="vc-cmd-btn" type="submit">OK</button>
                        <div class="vc-cmd-input-wrap"><textarea class="vc-cmd-input"
                                                                 placeholder="command..."></textarea></div>
                    </form>
                </div>
            </div>
            <div class="vc-logbox" id="__vc_log_system">
                <div>
                    <div class="vc-log">
                        <div class="vc-item vc-item-info "><span class="vc-item-meta">10:56:31</span>
                            <div class="vc-item-content"> Now: 2016-09-27 10:56:31.119</div>
                        </div>
                        <div class="vc-item vc-item-info "><span class="vc-item-meta">10:56:31</span>
                            <div class="vc-item-content"> System: Unknown</div>
                        </div>
                        <div class="vc-item vc-item-info "><span class="vc-item-meta">10:56:31</span>
                            <div class="vc-item-content"> Protocol: HTTPS</div>
                        </div>
                        <div class="vc-item vc-item-info "><span class="vc-item-meta">10:56:31</span>
                            <div class="vc-item-content"> connectEndTime: 16ms</div>
                        </div>
                        <div class="vc-item vc-item-info "><span class="vc-item-meta">10:56:31</span>
                            <div class="vc-item-content"> responseEndTime: 36ms</div>
                        </div>
                        <div class="vc-item vc-item-info "><span class="vc-item-meta">10:56:31</span>
                            <div class="vc-item-content"> DomRenderCost: 248ms</div>
                        </div>
                        <div class="vc-item vc-item-info "><span class="vc-item-meta">10:56:31</span>
                            <div class="vc-item-content"> UA: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36
                                (KHTML, like Gecko) Chrome/50.0.2661.102 UBrowser/5.7.15319.202 Safari/537.36
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="vc-logbox" id="__vc_log_network">
                <div class="vc-table">
                    <dl class="vc-table-row">
                        <dd class="vc-table-col vc-table-col-4">Name (1)</dd>
                        <dd class="vc-table-col">Status</dd>
                        <dd class="vc-table-col">Time</dd>
                    </dl>
                    <div class="vc-log">
                        <div class="vc-group">
                            <dl class="vc-table-row vc-group-preview">
                                <dd class="vc-table-col vc-table-col-4">
                                    https://team.weui.io/api/sign?url=https%3A%2F%2Fteam.weui.io%2Fjfeng%2Fweui-wechat%2F
                                </dd>
                                <dd class="vc-table-col">200</dd>
                                <dd class="vc-table-col">162ms</dd>
                            </dl>
                            <div class="vc-group-detail">
                                <div>
                                    <dl class="vc-table-row vc-left-border">
                                        <dt class="vc-table-col vc-table-col-title">Headers</dt>
                                    </dl>
                                    <div class="vc-table-row vc-left-border vc-small">
                                        <div class="vc-table-col vc-table-col-2">status</div>
                                        <div class="vc-table-col vc-table-col-4 vc-max-height-line">200
                                        </div>
                                    </div>
                                    <div class="vc-table-row vc-left-border vc-small">
                                        <div class="vc-table-col vc-table-col-2">date</div>
                                        <div class="vc-table-col vc-table-col-4 vc-max-height-line">Tue, 27 Sep 2016
                                            02:56:30 GMT
                                        </div>
                                    </div>
                                    <div class="vc-table-row vc-left-border vc-small">
                                        <div class="vc-table-col vc-table-col-2">server</div>
                                        <div class="vc-table-col vc-table-col-4 vc-max-height-line">nginx/1.10.0
                                        </div>
                                    </div>
                                    <div class="vc-table-row vc-left-border vc-small">
                                        <div class="vc-table-col vc-table-col-2">content-length</div>
                                        <div class="vc-table-col vc-table-col-4 vc-max-height-line">187
                                        </div>
                                    </div>
                                    <div class="vc-table-row vc-left-border vc-small">
                                        <div class="vc-table-col vc-table-col-2">content-type</div>
                                        <div class="vc-table-col vc-table-col-4 vc-max-height-line">application/json;
                                            charset=utf-8
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <dl class="vc-table-row vc-left-border">
                                        <dt class="vc-table-col vc-table-col-title">Response</dt>
                                    </dl>
                                    <div class="vc-table-row vc-left-border vc-small">
                                        <pre class="vc-table-col vc-max-height vc-min-height">{"nonceStr":"69y9txsti21sgf5","timestamp":"1474944990","url":"https://team.weui.io/jfeng/weui-wechat/","signature":"0e392c3afd3b738434e602bdb82196edbe60469e","appid":"wx5338462f141a2f51"}</pre>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="vc-toolbar"><a class="vc-tool vc-tool-default vc-actived">Clear</a><a
                class="vc-tool vc-tool-system">Clear</a><a class="vc-tool vc-tool-network">Clear</a><a
                class="vc-tool vc-global-tool vc-tool-last vc-hide">Hide</a></div>
    </div>
</div>
</body>
</html>